/*
  @author hcao
  @date 2017/05/08
  @description 样式文件
 */
*{
    padding: 0;
    margin: 0;
}
html body {
  font-family: "微软雅黑";
  font-size: 14px;
}
.index{
    background-color: #1a1926;
}

.part_one{
    background: url(../img/m_index_title.jpg) center center no-repeat;
    background-size: contain;
    height: 23.5rem;
    text-align: center;
    color: #e0b575;
    .logo{
        text-align: left;
        padding-top: 0.6667rem;
        padding-left: 1.3333rem;
        img{
            width: 4rem;
        }
    }
    .time{
        padding-top: 11.4rem;
        font-size: 1rem;
    }
    .desc{
        font-size: 1rem;
        width: 88%;
        margin: 0.7rem auto;
        border: 2px solid #f3c47d;
        background-color: #272532;
        text-align: left;
        padding: 0.5rem 1rem;
    }
}
.baoming{
    background-color: #222130;
    text-align: center;
    margin-bottom: 1rem;
    a{
        display: inline-block;
        margin: 1.333rem 0;
        color: #fff;
        text-decoration: none;
        width: 95%;
        height: 3rem;
        background-color: #f0a21a;
        border-radius: 4px;
        font-size: 1.5rem;
        line-height: 3rem;
        box-shadow:0px -2px 0px #d28601 inset;
    }
    
}
.search{
    border: 1px solid #e90a62;
    margin: 0 auto;
    height: 2.93333rem;
    background-color: #ffffff;
    width: 95%;
    overflow: hidden;
    margin-bottom: 1rem;
    .key_word{
        font-size: 1rem;
        height: 100%;
        border: none;
        width: 72%;
        padding-left: 1%;
        outline: none;
    }
    .key_word::-webkit-input-placeholder{
        color: #e90a62;
    }
    .key_word::-moz-placeholder{
        color: #e90a62;
    }
    .key_word:-ms-input-placeholder{
        color: #e90a62;
    }
    .search_btn{
        background-color: #e90a62;
        color: #ffffff;
        border: none;
        height: 100%;
        width: 23.943%;
        float: right;
        font-size: 1rem;
        outline: none;
    }
}

.part_two{
    margin-bottom: 4.5rem;
    .btns{
        padding: 0 0.5rem;
        .btns_1{
            margin-right: 0.6rem;
        }
        p{
            color: #FFFFFF;
            background-color: #f0a21a;
            display: inline-block;
            width: 11.3333rem;
            height: 3rem;
            text-align: center;
            line-height: 3rem;
            border-radius: 3px;
            box-shadow:0px -2px 0px #d28601 inset;
        }
     }
    .person_list{
        margin: 0 auto;
        width: 95%;
        .item{
            background-color: #fcf4ea;
            margin-bottom: 1.5rem;
            list-style: none;
            //分享页
            .person_page{
                padding-top: 0.7rem;
                border-bottom: 4px solid #1b1926;
                .left{
                    font-size: 1rem;
                    .name{
                        font-size: 1.1rem;
                    }
                    .now{
                        color: #df7c07;
                    }
                }
                .right{
                    .num_zhan{
                        font-size: 1.1rem;
                       color: #ee623e;
                    }
                }
            }
        }
        .person_img{
            padding: 1rem;
            overflow: hidden;
            position: relative;
            height: 13.333rem;
            .per_person{
                width: 10rem;
                height: 13.333rem;
            }
            .vs_img{
                position: absolute;
                top: 50%;
                margin-top: -2.4rem;
                margin-left: -0.7rem;
                width: 3rem;
                z-index: 1993;
            }
            .pull_left{
                float: left;
            }
            .pull_right{
                float: right;
            }
        }
        .description{
            padding: 0 0.5rem 1rem;
            overflow: hidden;
            line-height: 1.7;
            font-size: 1rem;
            color: #333333;
            .left{
                float: left;
                .name{
                    color: #df7c07;
                    font-size: 1.23rem;
                }
                .job{
                    display: inline-block;
                    padding-left: 1rem;
                }
            }
            .right{
                float: right;
                text-align: center;
                .num_zhan{
                    margin-bottom: 5px;
                    color: #808080;
                    font-size: 1.2rem;
                }
                .dianzhan{
                    width: 1.3333rem;
                    position: relative;
                    top: 2px;
                    padding-right: 4px;
                }
                .num_zhan_has{
                    color: #ee623e;
                }
                .dianzhan_btn{
                    background-color: #ee623e;
                    color: #FFFFFF;
                    width: 7.7rem;
                    height: 2.4rem;
                    line-height: 2.4rem;
                    border-radius: 3px;
                }
                .dianzhan_btn_has{
                    background-color: #bbbbbb;
                }
            }
        }
    }
} 



//报名
.uplode_form{
    color: #666666;
    margin-top: 1.5rem;
    text-align: center;
    width: 95%;
    background-color: #FFFFFF;
    margin: 0 auto;
    border-radius: 4px;
    margin-bottom: 4.5rem;
    
    li{
        list-style: none;
        padding: 0 0.7rem;
        text-align: left;
        color: #666666;
       overflow: hidden;
//     border: 1px solid red;
//     margin-bottom: 1.3rem;
        input{
            height: 2.66667rem;
            width: 15.33333rem;
            float: right;
        }
        span{
            color: #ed1e1e;
        }
        .form_title{
            display: inline-block;
            line-height: 2.66667rem;
            font-size: 1.1rem;
        }
        .err_massage{
            visibility: hidden;
            text-align: right;
            margin-top: 5px;
            font-size: 0.9rem;
            color: red;
            img{
                position: relative;
                top: 2px;
                width: 1rem;
                padding-right: 3px;
            }
        }
    }
    .title{
        color: #FFFFFF;
        height: 2.7rem;
        line-height: 2.2rem;
        font-size: 1.3rem;
        background: url(../img/tip_bg.png) center -0.5rem no-repeat;
        background-size: contain;
    }
    .uplode_img{
        padding: 0.7rem;
        overflow: hidden;
        .imgbox{
            width: 10rem;
            border: 1px solid #b2b2b2;
            height: 13.3333rem;
            .add_beform{
                font-size: 1.2rem;
                color: #a6a6a6;
                text-align: center;
            }
            .addimg{
                width: 5.3333rem;
                height: 5.3333rem;
                background: url(../img/addimg.png) center center no-repeat;
                background-size: contain;
                margin: 3rem auto 1rem;
                
            }
            .addimg_1{
                position: relative;
                top: 0;
                left: 0;
                opacity: 0;
                width: 100%;
                height: 100%;
                outline: none;
            }
            .has_img{
                position: relative;
                top: -11rem;
                left: 0;
                width: 100%;
                background: #FFFFFF;
                img{
                    width: 100%;
                }
               .delete_img{
                   position: absolute;
                   bottom: 0;
                   left: 0;
                   z-index: 100;
                   background-color: black;
                   width: 100%;
                   opacity: 0.75;
                   height: 2.2rem;
                   color: #FFFFFF;
                   line-height: 1.9rem;
                   font-size: 1rem;
                   text-align: center;
               }
            }
            .has{
                height: 100%;
            }
        }
        .left{
           float: left;
           overflow: hidden;
        }
        .right{
          float: right;
          overflow: hidden;
        }
        .hint{
            width: 100%;
            text-align: left;
            float: left;
            margin-top: 10px;
            color: #a6a6a6;
        }
    }
    input{
        border: 1px solid #8d8d8d;
        background-color: #f8f8f8;
        border-radius: 2px;
    }
    .submit_btn{
        outline: none;
        border: none;
        background-color: #f0a21a;
        width: 95%;
        height: 3rem;
        line-height: 3rem;
        color: #FFFFFF;
        font-size: 1.5rem;
        border-radius: 3px;
        margin: 1rem auto 1.6rem;
        box-shadow:0px -2px 0px #d28601 inset;
    }
}
//规则
.rule{
    background-color: #FFFFFF;
    text-align: center;
    width: 91%;
    margin: 0 auto;
    border-radius: 3px;
    padding: 1rem 0.5rem;
    margin-bottom: 4.5rem;
    color: #333333;
    line-height: 2;
    .title{
        color: #333333;
        background: url(../img/line_2.png) center center no-repeat;
        background-size: contain;
        font-size: 1.2rem;
        margin: 0.8rem 0;
    }
    .font{
        text-align: left;
        margin-bottom: 2rem;
        span{
            color: #f39d52;
            font-size: 1.1rem;
            font-style: italic;
        }
    }
    .font_two{
        text-align: left;
        color: #333333;
        p{
            span{
                color: #939393;
            }
        }
    }
}

//排行榜
.ranking_list{
    .title_subheading{
        padding: 0.5rem 0;
    }
    .ranking_box{
        padding: 0.5rem;
        .ranking_title{
            background-color: #f46643;
            width: 100%;
            ul{
                overflow: hidden;
                width: 100%;
                li{
                    padding: 0;
                    text-align: center;
                    float: left;
                    height: 2.466667rem;
                    line-height: 2.47rem;
                    width: 25%;
                    color: #FFFFFF;
                    font-size: 0.9rem;
                }
            }
        }
        .ranking_item{
            li{
                padding: 0;
                color: #333333;
                text-align: center;
                 height: 2.466667rem;
                 line-height: 2.47rem;
                 overflow: hidden;
                 span{
                     color: #333333;
                     display: block;
                     white-space:nowrap; 
                     overflow:hidden; 
                     text-overflow:ellipsis;
                     float: left;
                     width: 24%;
                     margin-right: 1%;
                 }
            }
            li:nth-child(2n){
                background-color: #fbf5ee;
            }
        }
    }
}

.err_border{
    border: 1px solid red !important;
}


.nav{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.3rem;
    padding-top: 5px;
    color: #929292;
    background-color: #f6f6f6;
    z-index: 1993407;
    border-top: 1px solid #b2b2b2;
    ul{
        font-size: 0.9rem;
        li{
            line-height: none;
            list-style: none;
           display: inline-block;
           width: 24%;
           text-align: center;
           img{
               width: 1.7rem;
           }
           .small{
               width: 1.37rem;
           }
        }
        .activity{
          color: #df7c07;
        }
    }
}
.background{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.6;
    z-index: 1993407;
}
.pop_up{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1993408;
    .wrap_success{
        margin: 14rem auto 0rem;
        width: 19.2rem;
        background-color: #ee623e;
        border-radius: 4px;
        color: #FFFFFF;
        text-align: center;
        padding-top: 1rem;
        .title{
            font-size: 1.5rem;
            img{
                width: 1.73333rem;
                padding-right: 5px;
                position: relative;
                top: 0.3rem;
            }
        }
        .font{
            padding: 1rem 0.5rem;
            line-height: 1.6;
        }
        .btns{
            border-top: 1px solid black;
            font-size: 1.2rem;
            p{
                display: inline-block;
                width: 48%;
                height: 3rem;
                line-height: 3rem;
            }
            .sure{
                border-right: 1px solid black;
            }
        }
    }
}
.wrap_share{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1993408;
    text-align: right;
    img{
        padding: 1rem 2rem 0 0;
        width: 16rem;
    }
}
.go_top{
    display: none;
    position: fixed;
    right: 1rem;
    bottom: 3.8rem;
    background: url(../img/to_top.png)  center center no-repeat;
    background-size: contain;
    height: 2.733333rem;
    width: 2.733333rem;
}
